/*
   全局css 自动引入到每个文件
   这里通常 @import styles文件夹里面的
*/

@import './styles/headerTop.less'; //头部
@import './styles/siderLeft.less'; //左侧
@import './styles/layoutsIndex.less'; //layouts 下面的 Index

.flex {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.m-b-10 {
   margin-bottom: 10px;
}

.flex-c {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
}

.cursor {
   cursor: pointer;
}

ul {
   list-style: none;
}

//去除加载时候显示loading的蓝色
.comLoding {
   .ant-alert-info {
      border: none;
      background: none;
   }
}


//鼠标变成手指选中
.cursorPointer {
   cursor: Pointer
}

/******设置所有antd的table高度都为42px  start*/
.ant-table {

   .ant-table-thead {
      tr {
         th {
            height: 42px;
            padding: 0 !important;
            color: rgba(0, 0, 0, 0.65);
            font-weight: bold;
         }
      }
   }

   .ant-table-tbody>tr.ant-table-row:hover>td {
      background: rgba(24, 144, 255, 0.1);
   }

   .ant-table-tbody {
      tr {
         td {
            height: 42px;
            padding: 0 !important;
            color: rgba(0, 0, 0, 0.65);
         }
      }

   }
}

/********antd table  end*******/


//垂直居中的空状态
.emptyClass {
   height: calc(100% - 64px);
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
}

//垂直居中的loading加载
.spinClass {
   position: fixed;
   left: 0;
   right: 0;
   top: 45%;
}